<!DOCTYPE html>
<html>
    <head>  
        <title>宝贝之家的宠物相册</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            h1 {
                text-align: center;
            }
            div {
                margin: 20px;
                border: 1px solid black;
                padding: 10px;
                display: inline-block;
            }
            img {
                margin: 10px;
            }
        </style>
    </head>
    <body>
        <h1>欢迎来到宝贝之家的宠物相册</h1>
        <!--Cat-->
        <div>
            <h3>奶酪</h3>
            <ul>    
                <li>体型：中等</li>
                <li>性别：雄性</li>
                <li>年龄：2岁</li>
                <li>品种：奶牛猫</li>
            </ul>
            <img src="images/cat_1.jpg" alt="奶酪", width="300">
        </div>
        <!--Dog-->
        <div>   
            <h3>建军（小名君君）</h3>
            <ul>    
                <li>体型：小</li>
                <li>性别：雌性</li>
                <li>年龄：0.5岁</li>
                <li>品种：未知</li>
            </ul>
            <img src="images/dog_1.jpg" alt="建军", width="300">
        </div>
    </body>
</html>